<!--TrueHits-->					
<iframe src="<?php echo base_url('truehitsstat.php');?>" width="0" height="0" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true"></iframe>	
	<div class="container">
		<div class="header"></div>
		<div class="player bg-player">
		   <div class="vspace-27"></div>
		      <div class="clip-player">
		         <div id="mediaDiv" style="background: black; position: absolute; top: 137px; left: 37px; width: 640px; height: 360px; z-index: 9500;">
		            <object id="media" width="640" height="360" downloadable="false" autostart="true" type="video/mp4" data="<?php echo other_asset_url('uploads/video/files/'.date('Y/m/d',strtotime($dataVideo->create_date)).'/'.$dataVideo->video_file_name.'.'.$dataVideo->video_file_ext);?>"></object>
		         </div>
		         <div id="mediaControl" class="mediaControlStyle" style="z-index:9600; top:497px; left:37px; width:640px; height:97px; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;">
		            <div id="totalBar" class="totalBarStyle" style="left:18px; width:460px;" onmouseover="progressIconHandle(event, 'over');"></div>
		            <div id="bufferBar" class="bufferBarStyle" style="left:18px; width:0px;" onmouseover="progressIconHandle(event, 'over');"></div>
		            <div id="progressBar" class="progressBarStyle" style="left:18px; width:0px;" onmouseover="progressIconHandle(event, 'over');"></div>
		            <div id="progressPointer" class="progressPointerStyle" style="left:11px;"><img src="<?php echo image_asset_url('xl/pg_bar/PGBAR_NOW.png');?>"></div>
		            <div id="progressFocus" class="progressFocusStyle" style="visibility: hidden; z-index:9700;" onmousedown="progressIconHandle(event, 'down');"><img src="<?php echo image_asset_url('xl/pg_bar/PGBAR_BAR_JUMPOVER.png');?>"></div>
		            <div id="playTimeCur" class="playTimeCurStyle">00:00:00</div>
		            <div id="playTimeTotal" class="playTimeTotalStyle">/ 00:00:00</div>
		            <div id="PlayIcon" align="center" style="position: absolute; top:50px; left:10px; width: 38px; height: 38px; margin: 0px 0 0 0px;">
		               <img id="playCtrl" style="margin-top: 5px;" width="25px" height="25px" border="0" src="<?php echo image_asset_url('xl/pg_bar/PGBAR_ICON_PAUSE.png');?>" onmouseout="" onmouseover="unfocusAll(); processIconFocusHandle('PlayIcon','over'); currentFocus = 'button_play';" onmousedown="executeAction('playToggle');">
		            </div>
		            <div id="StopIcon" align="center" style="position: absolute; top:50px; left:50px; width: 38px; height: 38px; margin: 0px 0 0 0px;">
		               <img id="stopCtrl" style="margin-top: 5px;" width="25px" height="25px" border="0" src="<?php echo image_asset_url('xl/pg_bar/PGBAR_ICON_STOP.png');?>" onmouseout="" onmouseover="unfocusAll(); processIconFocusHandle('StopIcon','over'); currentFocus = 'button_stop';" onmousedown="executeAction('stop');">
		            </div>
		            <div id="RewindIcon" align="center" style="position: absolute; top:50px; left:90px; width: 38px; height: 38px; margin: 0px 0 0 0px;">
		               <img id="rewindCtrl" style="margin-top: 5px;" width="25px" height="25px" border="0"  src="<?php echo image_asset_url('xl/pg_bar/PGBAR_ICON_REW.png');?>" onmouseout="" onmouseover="unfocusAll(); processIconFocusHandle('RewindIcon','over'); currentFocus = 'button_rew';" onmousedown="seekMedia('RE');">
		            </div>
		            <div id="FastForwardIcon" align="center" style="position: absolute; top:50px; left:130px; width: 38px; height: 38px; margin: 0px 0 0 0px;">
		               <img id="forwardCtrl" style="margin-top: 5px;" width="25px" height="25px" border="0" src="<?php echo image_asset_url('xl/pg_bar/PGBAR_ICON_FF.png');?>" onmouseout="" onmouseover="unfocusAll(); processIconFocusHandle('FastForwardIcon','over'); currentFocus = 'button_ff';" onmousedown="seekMedia('FF');">
		            </div>
		            <div id="FullScreenIcon" align="center" style="position: absolute; top:50px; left:170px; width: 38px; height: 38px; margin: 0px 0 0 0px;">
		               <img id="fullscreenCtrl" style="margin-top: 5px;" width="25px" height="25px" border="0" src="<?php echo image_asset_url('xl/pg_bar/PGBAR_ICON_FULLSCREEN.png');?>" onmouseout="" onmouseover="unfocusAll(); processIconFocusHandle('FullScreenIcon','over'); currentFocus = 'button_full';" onmousedown="executeAction('full');">
		            </div>
		            <div id="bitrates" style="position:absolute; top:45px; left:568px"></div>
		         </div>
		      </div>
		      <div class="clip-detail">
		         <div class="clip-name">
		            <?php echo $dataVideo->video_name;?>
		         </div>
				 <?php if(!empty($dataVideo->artist)):?>
		         <div class="clip-artist">
		            ศิลปิน : 
					<?php foreach($dataVideo->artist as $key => $artist):?>
						<?php echo ($key==0 ? '':', ');?>
						<?php echo $artist->artist_name;?>
					<?php endforeach;?>
		         </div>
				 <?php endif;?>
		         <div class="clip-time">
		            เวลา : <span id="mediaTime">00:00:00</span>
		         </div>
				 <?php if(!empty($dataVideo->video_publish_date)):?>
		         <div class="clip-date">
		            วันที่ : <?php echo date('Y-m-d',strtotime($dataVideo->video_publish_date));?>
		         </div>
				 <?php endif;?>
		         <div class="clip-view">
		            ผู้ชม :  <?php echo $dataVideo->views;?> คน
		         </div>
		      </div>
		      <div class="clear"></div>
		      
		      <div id="fullMediaControl" class="fullMediaControlStyle" style="visibility: hidden; position:absolute; top:565px; left:0px; width:1280px; height:155px; background-color: rgb(20,22,19); z-index: 10000; filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;">
		         <div id="previewTitleFull" style="position:absolute; color:#fafafa; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; top:30px; left:50px; height:30px; width:190px; font-size:24px;"><?php echo $dataVideo->video_name;?></div>
		         <div id="PlayIconFull" style="position: absolute; top: 26px; left:225px; width: 70px; height: 49px; margin: 0px 0 0 0px; z-index: 10200;" align="center">
		            <img id="playCtrlFull" height="32px" width="32px" border="0" src="<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_ICON_PAUSE.png');?>" onmouseout="processIconFocusHandle('PlayIconFull','out');" onmouseover="processIconFocusHandle('PlayIconFull','over');" onmousedown="executeAction('playToggle');">
		         </div>
		         <div id="totalBarFull" class="totalBarFullStyle" onmouseover="progressIconHandle(event, 'over');" class="totalBarFullStyle" onmouseover="progressIconHandle(event, 'over');"
		      style="position:absolute; top:40px; left:297px; background-color: rgb(31,31,29); height:15px; width:708px;"></div>
		         <div id="bufferBarFull" class="bufferBarFullStyle" onmouseover="progressIconHandle(event, 'over');" onmouseover="progressIconHandle(event, 'over');"
		      style="position:absolute; top:40px; left:297px; background-color: rgb(27,59,46); height:15px; width:0px; z-index:10200;"></div>
		         <div id="progressBarFull" class="progressBarFullStyle" onmouseover="progressIconHandle(event, 'over');" style="position:absolute; top:40px; left:297px; background-color:rgb(34,111,81); height:15px; width:0px; z-index:10300;"></div>
		         <div id="progressPointerFull" class="progressPointerFullStyle" style="left:290px;"></div>
		         <div id="progressFocusFull" class="progressFocusFullStyle" onmousedown="progressIconHandle(event, 'down');" style="visibility: hidden;" align="center">
		            <img src="<?php echo image_asset_url('xl/pg_bar/PGBAR_BAR_JUMPOVER.png');?>">
		         </div>
		         <div id="playTimeCurFull" class="playTimeCurFullStyle" style="width:70px; left:1025px;">00:00</div>
		         <div id="playTimeTotalFull" class="playTimeTotalFullStyle" style="width:80px; left:1095px;">/ 00:00</div>

		         <div id="bitratesDiv" class="bitratesDivStyle" style="left:1185px;">
		            <img src="<?php echo image_asset_url('xl/pg_bar/SIGNAL_0.png');?>" width="65px" height="49px"/>
		         </div>
		         
		         <div id="progressStopFull" onmouseover="changeFullBtnFocus('full_btn_stop');" onmousedown="executeFullBtn('full_btn_stop');" style="position:absolute; top:73px; left:50px; width:85px; height:51px; z-index:10300;
		      background:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_STOP_BTN_N.png');?>') no-repeat;"></div>
		         <div id="progressPlayFull" onmouseover="changeFullBtnFocus('full_btn_play');" onmousedown="executeFullBtn('full_btn_play');" style="position:absolute; top:73px; left:135px; width:80px; height:51px; z-index:10300;
		      background:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_PLAY_BTN_N.png');?>') no-repeat;"></div>
		         <div id="progressPauseFull" onmouseover="changeFullBtnFocus('full_btn_pause');" onmousedown="executeFullBtn('full_btn_pause');" style="position:absolute; top:73px; left:215px; width:80px; height:51px; z-index:10300;
		      background:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_PAUSE_BTN_N.png');?>') no-repeat;"></div>
		         <div id="progressRewFull" onmouseover="changeFullBtnFocus('full_btn_rew');" onmousedown="executeFullBtn('full_btn_rew');" style="position:absolute; top:73px; left:295px; width:80px; height:51px; z-index:10300;
		      background:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_REW_BTN_N.png');?>') no-repeat;"></div>
		         <div id="progressFfFull" onmouseover="changeFullBtnFocus('full_btn_ff');" onmousedown="executeFullBtn('full_btn_ff');" style="position:absolute; top:73px; left:375px; width:84px; height:51px; z-index:10300;
		      background:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_FF_BTN_N.png');?>') no-repeat;"></div>
		      
		        <div id="fullScreenOption" class="pkeyhelp" onmouseover="changeFullBtnFocus('full_btn_option');" onmousedown="executeFullBtn('full_btn_option');" style="width:208px; height:51px; background-image:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_BTN_N.png');?>'); z-index:10100; top:73px; left:802px;" align="center">
		           <div id="khImg0" style="position: absolute; top:8px; left:40px">
		               <img id="khImg0" src="<?php echo image_asset_url('xl/keyhelp/KEYHELP_ICON_QMENU.png');?>" > Option
		            </div>
		         </div>
		      
		        <div id="fullScreenOrgSize" class="pkeyhelp" align="center" style="width:208px; height:51px; background-image:url('<?php echo image_asset_url('xl/pg_bar/FULL_PGBAR_BTN_N.png');?>'); z-index:10100; top:73px; left:1014px;" onmouseover="changeFullBtnFocus('full_btn_org_size');" onmousedown="executeFullBtn('full_btn_org_size');">
		            <div id="khImg0" style="position: absolute; top:8px; left:40px">Original size</div>
		         </div>
		      </div>
		      
		      <div id="loadingIcon" class="loadingIconStyle">
		         <img alt="" src="<?php echo image_asset_url('xl/loading/LOADING_ANI.GIF');?>">
		      </div>
		      
		      <div id="largePlayIcon" class="largePlayIconStyle" style="visibility: hidden;" 
		         onmouseover='setElementBackground("largePlayIcon", "url(<?php echo image_asset_url('xl/common/BACKGROUND_LARGE_PLAY.png');?>)");'
		         onmouseout='setElementBackground("largePlayIcon", "url(<?php echo image_asset_url('xl/common/BACKGROUND_LARGE_PLAY_NORMAL.png');?>)");'
		         onmousedown="executeAction('play');">
		         <img src="<?php echo image_asset_url('xl/common/ICON_LARGE_PLAY.png');?>" style="margin-top: 31px;">
		      </div>
		</div>
		<div class="loading"><img src="<?php echo image_asset_url('xl/loading.gif');?>" /></div>
		<div class="control">
		   <div id="control_exit" class="control-exit">
		      <img src="<?php echo image_asset_url('xl/btn_control_exit.png');?>" />
		   </div>
		   <?php if($this->router->method == "play"):?>
			   <div id="control_return" class="control-return" onclick="javascript:history.go(-1);">
			      <img src="<?php echo image_asset_url('xl/btn_control_back.png');?>" />      
			   </div>
			    <div id="control_full" class="control-full">
			      <img src="<?php echo image_asset_url('xl/btn_control_full.png');?>" />
			   </div>
		   <?php else:?>
			   <div id="control_back" class="control-back">
			      <img src="<?php echo image_asset_url('xl/btn_control_back.png');?>" />      
			   </div>
			   <div id="control_next" class="control-next">
			      <img src="<?php echo image_asset_url('xl/btn_control_next.png');?>" />
			   </div>
			   <div id="control_prev" class="control-prev">
			      <img src="<?php echo image_asset_url('xl/btn_control_prev.png');?>" />
			   </div>
		   <?php endif;?>
		</div>
   </div>